<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org" >

<head>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
    <link type="text/css" rel="stylesheet" th:href="@{css/index.css}">
    <link type="text/css" rel="stylesheet" th:href="@{css/foot.css}">
    <link type="text/css" rel="stylesheet" th:href="@{css/head.css}">


    <meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
    <meta name="keywords" content="网上商城, 电商平台, 能源互联网">
    <meta name="description" content="能源互联网, 网上商城, 电商平台, 电子商务, 掌上e宝, 科技金服, 不正经网站研究中心">
    <title>网上商城-能源工业云平台_国电网商|网上金融科技|电子金服</title>
    <noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>
    <script type="text/javascript" th:src="@{js/lib-v1.js}"></script>
    <script type="text/javascript" th:src="@{js/logout.js}"></script>
    <script type="text/javascript" th:src="@{js/jquery-extend.js}"></script>
    <script type="text/javascript" th:src="@{js/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{js/jquery.cookie.js}"></script>
    <script type="text/javascript" th:src="@{js/common.js}"></script>
    <script type="text/javascript" th:src="@{js/cookie.js}"></script>
    <script type="text/javascript" th:src="@{js/jquery.cookie.js}"></script>
    <script type="text/javascript" th:src="@{js/common.js}"></script>
    <script type="text/javascript" th:src="@{js/cookie.js}"></script>
    <script type="text/javascript" th:src="@{js/jquery-1.2.6.min.js}"></script>
    <script type="text/javascript" th:src="@{js/base-v1.js}"></script>
    <link type="text/css" rel="stylesheet" th:href="@{css/prodList.css}">
    <link rel="icon" type="image/x-icon" th:href="@{img/head/favicon.ico}"  />



    <link rel="stylesheet" type="text/css"  href="http://static.mayikt.com/swiper.min.css?t=e36c1b94-82c8-4c3a-9b03-536a1758ac42"/>

    <link rel="stylesheet" type="text/css" href="http://static.mayikt.com/new_file.css?t=e36c1b94-82c8-4c3a-9b03-536a1758ac42"/>

    <link rel="stylesheet" type="text/css"  href="http://static.mayikt.com/iconfont.css?t=e36c1b94-82c8-4c3a-9b03-536a1758ac42"/>

    <link rel="stylesheet" type="text/css"  href="http://static.mayikt.com/new_personal.css?t=e36c1b94-82c8-4c3a-9b03-536a1758ac42"/>

    <link rel="stylesheet" type="text/css" href="http://www.mayikt.com/static/css/index_css_2019_08_22_001.css?t=e36c1b94-82c8-4c3a-9b03-536a1758ac42"/>

    <link rel="stylesheet" type="text/css"  href="http://www.mayikt.com/static/css/index.css?t=e36c1b94-82c8-4c3a-9b03-536a1758ac42">

    <!--人气推荐-->
    <link href="https://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/static/css/first-screen.chunk.css" rel="stylesheet">
    <link href="https://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/static/css/index.chunk.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="https://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/static/css/nice_goods.chunk.css">

    <script charset="utf-8" src="https://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/static/js/nice_goods.chunk.js"></script>
    <script charset="utf-8" src="https://misc.360buyimg.com/??jdf/lib/jquery-1.6.4.js,mtd/pc/common/js/o2_ua.js,mtd/pc/base/1.0.0/event.js"></script>



    <script src="http://www.mayikt.com/static/js/public-bombs.js?t=e36c1b94-82c8-4c3a-9b03-536a1758ac42"  type="text/javascript" charset="utf-8"></script>
    <script  src="http://static.mayikt.com/jquery-1.11.1.min.js?t=e36c1b94-82c8-4c3a-9b03-536a1758ac42" type="text/javascript" charset="utf-8"></script>
    <script  src="http://static.mayikt.com/jquery.SuperSlide.2.1.3.js?t=e36c1b94-82c8-4c3a-9b03-536a1758ac42" type="text/javascript" charset="utf-8"></script>
    <script  src="http://static.mayikt.com/swiper.min.js?t=e36c1b94-82c8-4c3a-9b03-536a1758ac42" type="text/javascript" charset="utf-8"></script>
    <script  src="http://static.mayikt.com/public-bomb-pc-index-2020-002.js?t=e36c1b94-82c8-4c3a-9b03-536a1758ac42" type="text/javascript" charset="utf-8"></script>
    <script  src="http://static.mayikt.com/PCindex2020-002.js?t=e36c1b94-82c8-4c3a-9b03-536a1758ac42" type="text/javascript" charset="utf-8"></script>

    <link href="https://s02.mifile.cn/assets/css/home.1f77b03c.css" rel="preload" as="style">
    <link href="https://s02.mifile.cn/assets/js/chunk-vendors.243ce88a.js" rel="preload" as="script">
    <link href="https://s02.mifile.cn/assets/js/home.866acb0e.js" rel="preload" as="script">
    <link href="https://s02.mifile.cn/assets/css/home.1f77b03c.css" rel="stylesheet">
    <meta charset="UTF-8">
    <script type="text/javascript">


/*        window.onload = function () {
            let userId = "";
            let _ticket = $.cookie("EM_TICKET");
            let userPassword = $.cookie("PASSWORD");
            let userName = $.cookie("USERNAME");
            if (!_ticket) {
                // 如果没有ticket，说明无法获得登录状态，尝试用cookie的密码自动登录
                if (!userPassword || !userName)
                    // 二者缺一无法自动登录
                    return;
                else{
                    autoLogin(userName, userPassword);
                    return;
                }
            }
            //当dataType类型为jsonp时，jQuery就会自动在请求链接上增加一个callback的参数
            $.ajax({
                url: "http://www.Supermarket.com/user/query/" + _ticket,
                dataType: "json",
                type: "GET",
                success: function (data) {
                    if (data.status === 200) {
                        // 在redis中找到了用户
                        let _data = JSON.parse(data.data);//jackson
                        let html = _data.userName +
                            "，欢迎来到Supermarket！<a href='javascript:void(0)' class='link-logout' onclick='logout()'>[退出]</a>";
                        if (_data.userType >= 3)
                            html = html + "&nbsp;&nbsp;|&nbsp;&nbsp;<a href='http://www.Supermarket.com/manage.html' class='link-logout'>[后台]</a>";
                        userId = _data.userId;
                        $("#loginbar").html(html);
                    }else if (data.status === 201){
                        // 在redis中没找到用户
                        delCookie("EM_TICKET");
                        delCookie("USERNAME");
                        delCookie("PASSWORD");
                    }else if (data.status === 500){
                        alert(data.msg);
                    }
                },
                error: function () {
                    alert('请求失败');
                }
            });
        }

        /!**
         * 自动登录
         * @param userName 用户名
         * @param userPassword 密码
         *!/
        function autoLogin(userName, userPassword) {
            $.ajax({
                url:"http://www.supermarket.com/user/autologin",
                type:"get",
                data:{
                    "userName": userName,
                    "userPassword": userPassword
                },
                dataType:"json",
                success: function (data) {
                    if (data.status === 200) {
                        let _data = data.data;//jackson
                        let html = _data.userName +
                            "，欢迎来到Supermarket！<a href='javascript:void(0)' class='link-logout' onclick='logout()'>[退出]</a>";
                        if (_data.userType >= 3)
                            html = html + "&nbsp;&nbsp;|&nbsp;&nbsp;<a href='http://www.Supermarket.com/manage.html' class='link-logout'>[后台]</a>";
                        userId = _data.userId;
                        $("#loginbar").html(html);
                    }else if (data.status === 500){
                        alert(data.msg);
                    }
                },
                error: function () {
                    alert('请求失败');
                }
            });
        }

        function search(a) {
            let query = document.getElementById(a).value;
            window.location.href = "./search.html?query=" + query;
        }*/


    </script>
</head>

<!--舞台css-->
<!--<style>
    @keyframes rotate-frame {
        0% {
            transform: rotateX(-20deg) rotateY(0deg);
        }
        10% {
            transform: rotateX(-20deg) rotateY(36deg);
        }
        20% {
            transform: rotateX(-20deg) rotateY(72deg);
        }
        30% {
            transform: rotateX(-20deg) rotateY(108deg);
        }
        40% {
            transform: rotateX(-20deg) rotateY(144deg);
        }
        50% {
            transform: rotateX(-20deg) rotateY(180deg);
        }
        60% {
            transform: rotateX(-20deg) rotateY(216deg);
        }
        70% {
            transform: rotateX(-20deg) rotateY(252deg);
        }
        80% {
            transform: rotateX(-20deg) rotateY(288deg);
        }
        90% {
            transform: rotateX(-20deg) rotateY(324deg);
        }
        100% {
            transform: rotateX(-20deg) rotateY(360deg);
        }

    }
    body {
        background: #f9f9f9;
    }
    .photo-wrap {
        perspective: 800px;
        width: 800px;
    }
    .goods-list {
        width: 800px;
        height: 500px;
        margin: 0 auto;
        position: relative;
        transform-style: preserve-3d;
        transform:rotateX(-10deg);
        animation: rotate-frame 10s linear infinite;
    }
    .img {
        width: 200px;
        height: 118px;
        line-height: 118px;
        text-align: center;
        position: absolute;
        top: 160px;
        left: 300px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.9) inset;
        -webkit-box-reflect:below 3px -webkit-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.5));
        background: pink;
        background:-moz-linear-gradient(top, pink, rgba(0, 0, 255, 0.5));
        background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ccccff), to(rgba(174, 221, 129, 0.5)));
        background:-o-linear-gradient(top, pink, rgba(0, 0, 255, 0.5));
        transform: rotateY(0deg);
    }
    .lazyimg_loaded {
        transform: rotateY(0deg) translateZ(300px);
    }
    .lazyimg_loaded {
        transform: rotateY(40deg) translateZ(300px);
    }
    .lazyimg_loaded {
        transform: rotateY(80deg) translateZ(300px);
    }
    .img04 {
        transform: rotateY(120deg) translateZ(300px);
    }
    .img05 {
        transform: rotateY(160deg) translateZ(300px);
    }
    .img06 {
        transform: rotateY(200deg) translateZ(300px);
    }
    .img07 {
        transform: rotateY(240deg) translateZ(300px);
    }
    .img08 {
        transform: rotateY(280deg) translateZ(300px);
    }
    .img09 {
        transform: rotateY(320deg) translateZ(300px);
    }
</style>-->

<body>
        <div id="common_head">
            <div class="line1">
                <div class="content">
                    <ul>
                        <li class="fore1" id="loginbar" clstag="homepage|keycount|home2013|01b">
                            <span id="head_span" >
                                <a href="login.html" id="login" >登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                                <a href="regist.html">注册</a>

                    </span>
                </li>
            </ul>
        </div>
    </div>
    <div class="line2">
        <img   src="img/head/logo1.png" />
        <input type="text" value="" accesskey="s" id="key" autocomplete="off"
               onkeydown="if(event.keyCode===13) search('key');"/>
        <input type="button" value="搜 索" onclick="search('key')"/>
        <span id="goto">
			<a id="goto_order" href="./myorder.html">我的订单</a>
			<a id="goto_cart" href="./mycart.html">我的购物车</a>
            <a id="goto_coupon" href="./mycoupon.html">我的优惠券</a>
		</span>
        <a href="myself.html">
            <img id="erwm" src="img/head/e2.png" alt="e2" width="76"  />
        </a>

    </div>
    <div class="line3">
        <div class="content">
            <ul>
                <li><a href="./index.html">首页</a></li>
                <li><a href="quanbu.html">全部商品</a></li>
                <li><a href="./instant-buy.html">秒杀商品</a></li>
                <li><a href="javascript:cah(1)">电脑平板</a></li>
                <li><a href="javascript:cah(2)">家用电器</a></li>
                <li><a href="javascript:cah(3)">汽车用品</a></li>
                <li><a href="javascript:cah(4)">食品饮料</a></li>
                <li><a href="javascript:cah(5)">图书杂志</a></li>
                <li><a href="javascript:cah(6)">服装服饰</a></li>
            </ul>
        </div>
    </div>
</div>
<script type="text/javascript">
   function cah(id){
       window.location.href="shop-1.html?id="+id;
    }

</script>

        <div id="index">
                <section>
                    <div class="banner">
                        <div class="mayi-nav-con clearfix">
                            <ul class="nav-list" style="float: left;">
                                <li><a href="./instant-buy.html">秒杀商品</a></li>
                                <li><a href="javascript:void(0)">电脑平板</a></li>
                                <li><a href="javascript:void(0)">家用电器</a></li>
                                <li><a href="javascript:void(0)">汽车用品</a></li>
                                <li><a href="javascript:void(0)">食品饮料</a></li>
                                <li><a href="javascript:void(0)">图书杂志</a></li>
                                <li><a href="javascript:void(0)">服装服饰</a></li>
                                <li><a href="javascript:void(0)">大英理财</a></li>
                            </ul>
                            <div id="banner-swiper-fade">
                                <div id="slideBox" class="slideBox">
                                    <div class="hd" >
                                        <ul >
                                            <li></li>
                                            <li></li>
                                            <li></li>
                                            <li></li>
                                        </ul>
                                    </div>

                                    <style>
                                        .section0 {
                                            background: linear-gradient(to bottom, rgba(255,173,63,0.8) -30%, rgba(255,173,63,0.6) -80%);
                                        }
                                        .section1 {
                                            background: linear-gradient(to bottom, rgba(244,89,79,0.8) -30%, rgba(244,89,79,0.3) -80%);
                                        }
                                        .section2 {
                                            background: linear-gradient(to bottom, rgba(9, 0, 135, 0.8) -30%, rgba(9, 0, 135, 0.4) -80%);
                                        }
                                        .section3 {
                                            background: linear-gradient(to bottom, rgba(299,224,255,0.8) -30%, rgba(299,224,255,0.8) -80%);
                                        }
                                    </style>
                                    <div class="bd">
                                        <ul   id="banimg">

                                            <li>
                                                <a  target="_blank">
                                                <img id="img_0"/>
                                                </a>
                                            </li>
                                            <li>
                                                <a  target="_blank">
                                                <img  id="img_1"/>
                                            </a>
                                            </li>
                                            <li>
                                                <a   target="_blank">
                                                <img id="img_2"/>
                                            </a>
                                            </li>
                                            <li>
                                                <a  target="_blank">
                                                <img  id="img_3"/>
                                            </a>
                                            </li>



                                        </ul>
                                        <script type="text/javascript">
                                            $('.bd li').each(function () {
                                                var index = $(this).index()
                                                // if ($('.bd').find('li').eq(0).css('display','list-item')) {
                                                // 	console.log(1)
                                                // } else{
                                                //
                                                // }
                                            })
                                        </script>
                                    </div>
                                    <a class="prev lunbo-left-btn lunbo-con-btn" href="javascript:void(0)"></a>
                                    <a class="next lunbo-right-btn lunbo-con-btn" href="javascript:void(0)"></a>
                                </div>
                            </div>
                        </div>

                        <script type="text/javascript">
                            //轮播图前台
                            window.onload= function () {
                                getBanner();
                                getshop();
                                getshopseckill();

                                var op= "";
                                 var info="";
                                var  id=sessionStorage.getItem("name");
                                if(id !=null){

                                    op+="      <font color='red'> 欢迎用户: "+id+" </font>\n" +
                                    "  \ &nbsp;  || &nbsp;                    <a onclick=\"out()\">退出</a>&nbsp;&nbsp;&nbsp;&nbsp;"
                                    $("#head_span").html(op);
                                }else{

                                    info+="<a href=\"login.html\" id=\"login\"  >登录</a>\n " +
                                        "&nbsp;  || &nbsp;           <a href=\"login1.html\">手机号登录</a>\n "+
                                        "&nbsp;  || &nbsp;           <a href=\"regist.html\">注册</a>"
                                    $("#head_span").html(info);
                                }


                            }
                            function  out(){
                                sessionStorage.clear("name");
                                location.href="index.html"
                            }
                            function  my(){
                                location.href="myself.html"
                            }
                            function getBanner(){

                                $.ajax({
                                    url:"getBanner",
                                    type:"post",
                                    dataType: 'json',
                                    success:function(data){
                                        for(var i in data) {
                                            $("#img_"+i).attr("src",data[i].img)
                                        }

                                    }
                                })

                            }
                            //商品展示
                            function getshopseckill() {

                                $.ajax({
                                    url:"seckill22",
                                    type:"get",
                                    dataType: 'json',
                                    success:function(data){
                                        console.log(data)

                                        var op = "";
                                        for (var i = 0; i <data.length ; i++) {
                                            var itemId = data[i].item_id;
                                            op +="  <li class=\"brick-item brick-item-m brick-item-m-2\">\n" +
                                                "                                        <a target='_blank' href='javascript:void(0)' onclick='goDetail("+itemId+")' >\n" +
                                                "                                            <div class=\"figure figure-img\">\n" +
                                                "                                                <img width='160' height='160'   src=\""+data[i].i_img+"\" lazy=\"loading\">\n" +
                                                "                                            </div>\n" +
                                                "                                        </a>\n" +
                                                "                                            <h6 class=\"title\">"+data[i].name+"</h6>\n" +
                                                "                                            <p class=\"desc\">"+data[i].sell_point+"</p>\n" +
                                                "                                            <p class=\"price\">\n" +
                                                "                                                <span class=\"num\">"+data[i].buy_price+"</span>元<del>"+data[i].initial_price+"元</del>\n" +
                                                "                                            </p>\n" +
                                                "                                    </li> "
                                        }

                                        $("#shangpin2").html(op);
                                    }
                                })
                            }
                            function goDetail(itemId){
                                window.location.href="instant-detail.html?itemId="+itemId;
                            }
                        </script>


                        <div class="container">
                            <!-- 商品列表展示-->
                            <div class="home-brick-box home-brick-row-2-box xm-plain-box">
                                <div class="box-hd">
                                    <h2 class="title">秒杀商品</h2>
                                    <div class="more">
                                        <a href="quanbu.html" target="_blank" class="more-link">查看全部<i class="iconfont iconfont-arrow-right-big"></i></a>
                                    </div>
                                </div>

                                <div >
                                    <div class="box-bd clearfix">
                                        <div class="row">
                                            <div class="span4">
                                                <ul class="brick-promo-list clearfix">
                                                    <li class="brick-item brick-item-l">
                                                        <a  href="" target="_blank" data-settrack="true" >
                                                            <img src="https://img.alicdn.com/tfs/TB1NHrNQFXXXXbSaXXXXXXXXXXX-190-480.jpg" lazy="loading">
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="span16">
                                                <ul class="brick-list clearfix" id="shangpin2">


                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="home-banner-box">
                                <a href="https://www.mi.com/redminote9" target="_blank" data-log_code="31pchomepagecells_auto_fill001010#t=ad&amp;act=webview&amp;page=homepage&amp;page_id=10530&amp;bid=3480940.1&amp;adp=3136&amp;adm=25750" data-settrack="true" onclick="_msq.push(['trackEvent','31pchomepagecells_auto_fill001010#t=ad&amp;act=webview&amp;page=homepage&amp;page_id=10530&amp;bid=3480940.1&amp;adp=3136&amp;adm=25750','https://www.mi.com/redminote9','81190ccc4d52f577-2f569989f76e5dbf','&quot;&quot;']);"><img alt="test" width="1226" height="120" data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/431e5fd6bfd1b67d096928248be18303.jpg?thumb=1&amp;w=1226&amp;h=120&amp;f=webp&amp;q=90" src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/431e5fd6bfd1b67d096928248be18303.jpg?thumb=1&amp;w=1226&amp;h=120&amp;f=webp&amp;q=90" lazy="loaded"></a>
                            </div>

                            <!--购物车按钮-->
                            <style>
                                .button {
                                    background-color: #4CAF50; /* Green */
                                    border: none;
                                    color: white;
                                    padding: 0px 18px;
                                    text-align: center;
                                    text-decoration: none;
                                    display: inline-block;
                                    font-size: 6px;
                                    margin: 4px 2px;
                                    -webkit-transition-duration: 0.4s; /* Safari */
                                    transition-duration: 0.4s;
                                    cursor: pointer;
                                }

                                .button1 {
                                    background-color: white;
                                    color: black;
                                    border: 2px solid #4CAF50;
                                }

                                .button1:hover {
                                    background-color: #4CAF50;
                                    color: white;
                                }
                            </style>

                            <!--人气推荐-->
                            <div class="home-flashsale xm-plain-box">
                                <div class ="box-hd">
                                    <h2 class="title">人气推荐</h2>
                                </div>
                                <div id="J_niceGoods" tabindex="0">
                                <div class="jd_container nice-goods" aria-label="极品好货">
                                    <a href="pop.html" target="_blank" class="nice-goods__logo nice-goods__logo--bg-6" clstag="h|keycount|core|goods_a">
                                        <div class="logo-container">
                                            <div class="logo-text">
                                                好物推荐
                                                <i></i>
                                            </div>
                                        </div>
                                    </a>
                                    <!--人气推荐-->
                                    <div class="nice-goods__recommends">
                                        <div  id="Pop" class="goods-list" style="transform: translate3d(-42.8px, 0px, 0px);">


                                        </div>
                                        <div class="scroll-bar">
                                            <span class="scroll-points" style="transform: translate3d(414.658px, 0px, 0px); width: 99px;"></span>
                                        </div>
                                    </div>


                                    <!--舞台-->
                                   <!-- <div class="photo-wrap">  &lt;!&ndash; 舞台 &ndash;&gt;
                                        <div class="container1">   &lt;!&ndash; 容器 &ndash;&gt;
                                            <div class="img">我是中心</div>
                                            <div class="img img01">1</div>
                                            <div class="img img02">2</div>
                                            <div class="img img03">3</div>
                                            <div class="img img04">4</div>
                                            <div class="img img05">5</div>
                                            <div class="img img06">6</div>
                                            <div class="img img07">7</div>
                                            <div class="img img08">8</div>
                                            <div class="img img09">9</div>
                                        </div>
                                    </div>-->

                                </div>
                            </div>
                            </div>








                            <div class="home-banner-box">
                            <img alt="test" width="1226" height="120" data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/9880db34d227b6c1df5b45cb7df4f465.jpg?thumb=1&amp;w=1533&amp;h=150&amp;f=webp&amp;q=90" src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/9880db34d227b6c1df5b45cb7df4f465.jpg?thumb=1&amp;w=1533&amp;h=150&amp;f=webp&amp;q=90" lazy="loaded">
                            </div>

                            <!-- 商品列表展示-->
                            <div class="home-brick-box home-brick-row-2-box xm-plain-box">
                                <div class="box-hd">
                                    <h2 class="title">商品</h2>
                                    <div class="more">
                                        <a href="quanbu.html" target="_blank" class="more-link">查看全部<i class="iconfont iconfont-arrow-right-big"></i></a>
                                    </div>
                                </div>

                                <div >
                                    <div class="box-bd clearfix">
                                        <div class="row">
                                            <div class="span4">
                                                <ul class="brick-promo-list clearfix">
                                                    <li class="brick-item brick-item-l">
                                                        <a  href="" target="_blank" data-settrack="true" >
                                                            <img src="https://img.alicdn.com/tfs/TB1NHrNQFXXXXbSaXXXXXXXXXXX-190-480.jpg" lazy="loading">
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="span16">
                                                <ul class="brick-list clearfix" id="shangpin">


                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                            <script type="text/javascript">



                                    /*人气推荐*/

                                    $.ajax({
                                        url:"getPop",
                                        type:"get",
                                        dataType: 'json',
                                        success:function(data){
                                            console.log(data)

                                            var op = '';
                                            for (var i = 0; i <data.length ; i++) {

                                                if (i%2==0) {
                                                    op += '   <a  target="_blank" href="pop.html" class="goods goods--bottom" clstag="h|keycount|core|goods_b01"> ' +
                                                        '         <div class="goods__name">"' + data[i].product_name + '"</div> ' +
                                                        '     <div class="goods__image">' +
                                                        '           <div class="lazyimg lazyimg_loaded">' +
                                                        '               <img src="' + data[i].product_imgurl + '" class="lazyimg_img" alt="G-force ' + data[i].product_name + '">' +
                                                        '           </div>' +
                                                        '      </div>' +
                                                        '   </a>'

                                                }else{

                                                    op+= '   <a target="_blank" href="pop.html" class="goods goods--top" clstag="h|keycount|core|goods_b02">' +
                                                        '        <div class="goods__image">' +
                                                        '           <div class="lazyimg lazyimg_loaded">' +
                                                        '               <img src="'+data[i].product_imgurl+'" class="lazyimg_img" alt="'+data[i].product_name+'">' +
                                                        '           </div>' +
                                                        '       </div>' +
                                                        '        <div class="goods__name">”'+data[i].product_name+'“</div>' +
                                                        '   </a>'
                                                }

                                            }

                                            $("#Pop").html(op);
                                        }
                                    })






                                    //商品展示
                                function getshop() {

                                    $.ajax({
                                        url:"getPro",
                                        type:"get",
                                        dataType: 'json',
                                        success:function(data){
                                            console.log(data)

                                            var op = "";
                                            for (var i = 0; i <data.length ; i++) {

                                                var id = data[i].product_id
                                                var sdf = data[i].product_description
                                                var ad = sdf.slice(0,10);
                                                op +="  <li class=\"brick-item brick-item-m brick-item-m-2\">\n" +
                                                    "                                        <a target='_blank' href='javascript:void(0)' onclick='tiaozhuan("+id+")' >\n" +
                                                    "                                            <div class=\"figure figure-img\">\n" +
                                                    "                                                <img width='160' height='160'   src=\""+data[i].product_imgurl+"\" lazy=\"loading\">\n" +
                                                    "                                            </div>\n" +
                                                    "                                        </a>\n" +
                                                    "                                            <h6 class=\"title\">"+data[i].product_name+"</h6>\n" +
                                                    "                                            <p class=\"desc\">"+ad+"</p>\n" +
                                                    "                                            <div align=\"center\">\n" +
                                                    "                                                <button class=\"button button1\" onclick=\"addCart("+data[i].product_id+")\">添加购物车</button>\n" +
                                                    "                                            </div>\n" +
                                                    "                                            <p class=\"price\">\n" +
                                                    "                                                <span class=\"num\">"+data[i].product_price+"</span>元<span>起</span>\n" +
                                                    "                                            </p>\n" +
                                                    "                                    </li> "
                                            }

                                            $("#shangpin").html(op);
                                        }
                                    })
                                }

                                    function addCart(id){
                                        var op= "";
                                        var info="";
                                        var  id1=sessionStorage.getItem("name");
                                        if(id1 !=null){
                                            op+="      <font color='red'> 欢迎用户: "+id+" </font>\n" +
                                                "  \ &nbsp;  || &nbsp;                    <a onclick=\"out()\">退出</a>&nbsp;&nbsp;&nbsp;&nbsp;"
                                            $("#head_span").html(op);
                                            $.ajax({
                                                url:"cart/addCart",
                                                data:{productId:id,num:1},
                                                type:"post",
                                                dataType:"json",
                                                success:function (data){
                                                    alert("添加成功");
                                                }
                                            })
                                        }else{
                                            alert("当前未登录 ,请登陆");
                                            location.href="login.html";
                                            /*info+="<a href=\"login.html\" id=\"login\"  >登录</a>\n " +
                                                "&nbsp;  || &nbsp;           <a href=\"regist.html\">注册</a>"
                                            $("#head_span").html(info);*/
                                        }

                                    }



                                //商品id传到product-info.html页面
                                  function  tiaozhuan(id){
                                            window.location.href  = "product-info.html?product_id=" + id;
                                    }
                        </script>



                        <div id="line4">
                            <img src="img/index/217.jpg" alt="217"/>
                        </div>


                        <div id="line5">
                                    <span id="line5_1">
                                        <img src="img/index/icon_g1.png" alt="icon_g1"/>&nbsp;&nbsp;500强企业 品质保证
                                    </span>
                                <span id="line5_2">
                                        <img src="img/index/icon_g2.png" alt="icon_g2"/>&nbsp;&nbsp;7天退货 15天换货
                                    </span>
                                <span id="line5_3">
                                        <img src="img/index/icon_g3.png" alt="icon_g3"/>&nbsp;&nbsp;100元起免运费
                                    </span>
                                <span id="line5_4">
                                        <img src="img/index/icon_g4.png" alt="icon_g4"/>&nbsp;&nbsp;448家维修网点 全国联保
                                </span>
                        </div>
                    </div>

                    <div class="fixed">
                        <a href="https://github.com/GoogleLLP/SuperMarket" target="_blank">
                            <img src="./img/head/qr.jpg" width="100" alt="qrcode"/>
                        </a>
                        <a href="#common_head" class="toTop"></a>
                    </div>

                    <div id="common_foot">
                        <p>
                            Copyright © 2011-2019 网上商城 版权所有 保留一切权利 粤CM-20201119 | 粤ICP备20201119号-1
                            <br />
                            粤公网安备  20201119号
                        </p>
                    </div>


                    <div>
                    </div>

                </section>


        </div>


        <script type="text/javascript">
            window.point.dom = new Date().getTime();
        </script>

        <script type="text/javascript" src="http://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/static/js/runtime.js"></script>
        <script type="text/javascript" src="http://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/static/js/index.chunk.js"></script>
        <script type="text/javascript">
            window.point.js = new Date().getTime();
        </script>
        <script src="http://h5.360buyimg.com/ws_js/jdwebm.js?v=pcHome"></script>
</body>
</html>